//这是“社区二维码海报”less文件

//1.引入css文件
@import "reset.css";
@import "scroll.css";
@font-size:100rem;

//2.基础代码块
html{
font-size: 13.33vw;
}
*{
  box-sizing: border-box;
}
.clearfix:after,.clearfix:before{
  content: '';
  display: block;
  clear: both;
}
.fr{
  float: left;
}
.fl{
  float: right;
}
html,body{
  width: 100%;
  height: 100%;
}
//3.自己的代码块
body{

}
.container{
  display: flex;
  flex-direction: column;
  width: 750./@font-size;
  height: 1334./@font-size;
  background: url("../../imgs/partthree-imgs/CodePoster-imgs/codebg.jpg") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  //顶部
  .header{
    display: flex;
    justify-content: center;
    margin-top: 220./@font-size;
    img{
      width: 273./@font-size;
      height: 109./@font-size;
    }
  }
//  中部
  .section{
    font-size: 20./@font-size;
    color: #fff;
    margin-top: 370./@font-size;
    .title{
      display: flex;
      justify-content: center;
      font-size: 43./@font-size;
      p{
        color: #fff;
      }
      span{
        color: #ffe400;
      }
    }
    .content{
      display: flex;
      justify-content: center;
    }


  }
//  尾部
  .footer{
    margin: 0 auto;
    margin-top: 30./@font-size;
    img{
      width: 174./@font-size;
      height: 173./@font-size;
    }
  }

  
}
